﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Invitacion3.Master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="Invitaciones._00005.Default" %>

<%@ MasterType VirtualPath="~/Invitacion3.Master" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <link href="css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
    <style type="text/css">
        html
        {
            
        }
        body
        {
            background-color:Gray;
			background-image:url(background.png);
			height:100%;
			font-family:Helvetica, Arial, Verdana, sans-serif;
        }
        
        #cssmenu ul,
        #cssmenu li,
        #cssmenu span,
        #cssmenu a {
          margin: 0;
          padding: 0;
          position: relative;
        }
        #cssmenu {
          height: 49px;
          border-radius: 5px 5px 0 0;
          -moz-border-radius: 5px 5px 0 0;
          -webkit-border-radius: 5px 5px 0 0;
          background: #fefefe;
          background: -moz-linear-gradient(top, #fefefe 0%, #000000 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #000000));
          background: -webkit-linear-gradient(top, #fefefe 0%, #000000 100%);
          background: -o-linear-gradient(top, #fefefe 0%, #000000 100%);
          background: -ms-linear-gradient(top, #fefefe 0%, #000000 100%);
          background: linear-gradient(top, #fefefe 0%, #000000 100%);
          filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#000000',GradientType=0 );
          border-bottom: 2px solid white;
          width: auto;
          /*padding-left:45px;*/
        }
        #cssmenu:after,
        #cssmenu ul:after {
          content: '';
          display: block;
          clear: both;
        }
        #cssmenu a {
          background: #fefefe;
          background: -moz-linear-gradient(top, #fefefe 0%, #000000 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #000000));
          background: -webkit-linear-gradient(top, #fefefe 0%, #000000 100%);
          background: -o-linear-gradient(top, #fefefe 0%, #000000 100%);
          background: -ms-linear-gradient(top, #fefefe 0%, #000000 100%);
          background: linear-gradient(top, #fefefe 0%, #000000 100%);
          filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#000000',GradientType=0 );
          color: #000;
          display: inline-block;
          font-family: Helvetica, Arial, Verdana, sans-serif;
          font-size: 12px;
          line-height: 49px;
          padding: 0 20px;
          text-decoration: none;
        }
        #cssmenu ul {
          list-style: none;
        }
        #cssmenu > ul {
          float: left;
        }
        #cssmenu > ul > li {
          float: left;
        }
        #cssmenu > ul > li > a {
          color: white;
          font-size: 12px;
        }
        #cssmenu > ul > li:hover:after {
          content: '';
          display: block;
          width: 0;
          height: 0;
          position: absolute;
          left: 50%;
          bottom: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid white;
          margin-left: -10px;
        }
        #cssmenu > ul > li:first-child > a {
          border-radius: 5px 0 0 0;
          -moz-border-radius: 5px 0 0 0;
          -webkit-border-radius: 5px 0 0 0;
        }
        #cssmenu > ul > li.active:after {
          content: '';
          display: block;
          width: 0;
          height: 0;
          position: absolute;
          left: 50%;
          bottom: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid white;
          margin-left: -10px;
        }
        #cssmenu > ul > li.active > a {
          -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
          -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
          background: #000000;
          background: -moz-linear-gradient(top, #000000 0%, #ffeeff ef 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #ffeeff ef));
          background: -webkit-linear-gradient(top, #000000 0%, #ffeeff ef 100%);
          background: -o-linear-gradient(top, #000000 0%, #ffeeff ef 100%);
          background: -ms-linear-gradient(top, #000000 0%, #ffeeff ef 100%);
          background: linear-gradient(top, #000000 0%, #ffeeff ef 100%);
          filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffeeff',GradientType=0 );
        }
        #cssmenu > ul > li:hover > a {
          background: #000000;
          background: -moz-linear-gradient(top, #000000 0%, #ffeeff ef 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #ffeeff ef));
          background: -webkit-linear-gradient(top, #000000 0%, #ffeeff ef 100%);
          background: -o-linear-gradient(top, #000000 0%, #ffeeff ef 100%);
          background: -ms-linear-gradient(top, #000000 0%, #ffeeff ef 100%);
          background: linear-gradient(top, #000000 0%, #ffeeff ef 100%);
          filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffeeff',GradientType=0 );
          -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
          -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
        }
        #cssmenu .has-sub {
          z-index: 1;
        }
        #cssmenu .has-sub:hover > ul {
          display: block;
        }
        #cssmenu .has-sub ul {
          display: none;
          position: absolute;
          width: 200px;
          top: 100%;
          left: 0;
        }
        #cssmenu .has-sub ul li {
          *margin-bottom: -1px;
        }
        #cssmenu .has-sub ul li a {
          background: white;
          border-bottom: 1px dotted #f6b7d3;
          filter: none;
          font-size: 11px;
          display: block;
          line-height: 120%;
          padding: 10px;
          color: #ffffff;
        }
        #cssmenu .has-sub ul li:hover a {
          background: #ec5b9d;
        }
        #cssmenu .has-sub .has-sub:hover > ul {
          display: block;
        }
        #cssmenu .has-sub .has-sub ul {
          display: none;
          position: absolute;
          left: 100%;
          top: 0;
        }
        #cssmenu .has-sub .has-sub ul li a {
          background: #ec5b9d;
          border-bottom: 1px dotted #f6b7d3;
        }
        #cssmenu .has-sub .has-sub ul li a:hover {
          background: #e9458f;
        }
        #secc
        {
            /*padding-left:auto;
            padding-right:auto;*/
            padding-top:10px;
        }
        #misxv
        {
            margin:0 auto 0 auto;
            width:700px;
            height:695px;
            padding:3px 3px 3px 3px;
            background-image:url(portada.png);
            background-repeat:no-repeat;
            /*
            border:1px solid white;
            -webkit-border-radius: 5px 5px 5px 5px;
	        border-radius: 5px 5px 5px 5px;
	        -moz-border-radius-topright: 5px;
	        -moz-border-radius-bottomright: 5px;
	        -moz-border-radius-bottomleft: 5px;
	        -moz-border-radius-topleft: 5px;
	        background-color:White;
            */
        }
        #misa
        {
            margin:0 auto 0 auto;
            width:700px;
            height:695px;
            padding:3px 3px 3px 3px;
            background-image:url(misa.png);
            background-repeat:no-repeat;
            /*
            border:1px solid white;
            -webkit-border-radius: 5px 5px 5px 5px;
	        border-radius: 5px 5px 5px 5px;
	        -moz-border-radius-topright: 5px;
	        -moz-border-radius-bottomright: 5px;
	        -moz-border-radius-bottomleft: 5px;
	        -moz-border-radius-topleft: 5px;
	        background-color:White;
            */
        }
        #recepcion
        {
            margin:0 auto 0 auto;
            width:700px;
            height:695px;
            padding:3px 3px 3px 3px;
            background-image:url(recepcion.png);
            background-repeat:no-repeat;
            /*
            border:1px solid white;
            -webkit-border-radius: 5px 5px 5px 5px;
	        border-radius: 5px 5px 5px 5px;
	        -moz-border-radius-topright: 5px;
	        -moz-border-radius-bottomright: 5px;
	        -moz-border-radius-bottomleft: 5px;
	        -moz-border-radius-topleft: 5px;
	        background-color:White;
            */
        }
        #album
        {
            margin:0 auto 0 auto;
            width:900px;
            height:597px;
            padding:3px 3px 3px 3px;
            /*
            background-image:url(fondo.png);
            background-repeat:no-repeat;
            border:1px solid white;
            -webkit-border-radius: 5px 5px 5px 5px;
	        border-radius: 5px 5px 5px 5px;
	        -moz-border-radius-topright: 5px;
	        -moz-border-radius-bottomright: 5px;
	        -moz-border-radius-bottomleft: 5px;
	        -moz-border-radius-topleft: 5px;
	        background-color:White;
            */
        }
        #confirmacion
        {
            margin:0 auto 0 auto;
            width:700px;
            height:695px;
            padding:3px 3px 3px 3px;
            background-image:url(fondo.png);
            background-repeat:no-repeat;
            /*
            border:1px solid white;
            -webkit-border-radius: 5px 5px 5px 5px;
	        border-radius: 5px 5px 5px 5px;
	        -moz-border-radius-topright: 5px;
	        -moz-border-radius-bottomright: 5px;
	        -moz-border-radius-bottomleft: 5px;
	        -moz-border-radius-topleft: 5px;
	        background-color:White;
            */
        }
        #form
        {
            padding:300px 40px 40px 350px;
        }
        #footer
        {
            background: #F7F5F8;
            background: -moz-linear-gradient(top, #fefefe 0%, #000000 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #000000));
            background: -webkit-linear-gradient(top, #fefefe 0%, #000000 100%);
            background: -o-linear-gradient(top, #fefefe 0%, #000000 100%);
            background: -ms-linear-gradient(top, #fefefe 0%, #000000 100%);
            background: linear-gradient(top, #fefefe 0%, #000000 100%);
            filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#000000',GradientType=0 );
            border-bottom: 2px solid white;
            width: 100%;
            height:30px; 
            bottom:0px;
            left:0px;
            position:fixed;
            z-index:9999;
        }
        #txtfooter
        {
            font-family:Arial;
            color:white;
            font-size:8pt;
            text-align:right;
            padding-top:10px;
            height:30px;
        }
        a, a:visited, a:link, a:active
        {
            text-decoration:none;
        }
        a:hover
        {
            text-decoration:none;
            color:White;
        }
        #all
        {
            min-width:450px;
            width:100%;
        }
        .tdEtiqueta
        {
            width:150px;
            font-size:14pt;
            font-weight:bold;
            font-family:Vivaldi;
            color:White;
        }
        .tdValor
        {
            width:150px;
        }
        
        input[type="text"]
        {
            /* css 3 */
             border-radius:5px;
             /* mozilla */
             -moz-border-radius:5px;
             /* webkit */
             -webkit-border-radius:5px;
             border: 1px solid gray;
             height:25px;
             font-size:13pt;
        }
        
        input[type="password"]
        {
            /* css 3 */
             border-radius:5px;
             /* mozilla */
             -moz-border-radius:5px;
             /* webkit */
             -webkit-border-radius:5px;
             border: 1px solid gray;
             height:25px;
             font-size:13pt;
        }
        
        input[type="button"]
        {
            /* css 3 */
             border-radius:5px;
             /* mozilla */
             -moz-border-radius:5px;
             /* webkit */
             -webkit-border-radius:5px;
             border: 1px solid gray;
             height:30px;
             width:100px;
             font-size:12pt;
             cursor:pointer;
        }
        
        textarea
        {
            border-radius:5px;
             /* mozilla */
             -moz-border-radius:5px;
             /* webkit */
             -webkit-border-radius:5px;
             border: 1px solid gray;
             font-size:13pt;
        }
        
        .misxvtxt
        {
            font-family:Vivaldi;
            font-size:30pt;
            width:100%;
            text-align:center;
            padding-top:550px;
            color:White;
        }
        .misxvtxt2
        {
            font-family:Vivaldi;
            font-size:50pt;
            width:100%;
            text-align:center;
            padding-top:50px;
        }
        
        #menu
        {
            margin: 5px 5px 5px 5px;
            width:39px;
            height:36px;
            background-image:url(Images/menu.png);   
            background-repeat:no-repeat;      
            float:right;
            position:relative;   
            cursor:pointer;
        }
        
        #login
        {
            position:absolute;
            top:30px;
            right:5px;
            width:300px;
            height:150px;
            padding-left:10px;
            
            border:1px solid white;
            -webkit-border-radius: 5px 5px 5px 5px;
	        border-radius: 5px 5px 5px 5px;
	        -moz-border-radius-topright: 5px;
	        -moz-border-radius-bottomright: 5px;
	        -moz-border-radius-bottomleft: 5px;
	        -moz-border-radius-topleft: 5px;
	        background-color:White;
        }
    </style>
    <script type="text/javascript" src="js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <!--<script type="text/javascript" language="javascript" src="js/jquery-1.6.3.min.js"></script>-->
    <script type="text/javascript" language="javascript" src="js/jquery.easing.1.3.js"></script>
    <!--<script type="text/javascript" language="javascript" src="js/jquery.animate-colors-min.js"></script>-->
    <script type="text/javascript" language="javascript" src="js/jquery.skitter.min.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div id="all">
        <div style="right:0px;top:50px;position:fixed;">
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="20"
                codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">
                <param name="movie" value="singlemp3player.swf?showDownload=false&songVolume=90&file=sound.mp3&repeatPlay=true&autoStart=true" />
                <param name="wmode" value="transparent" />
                <embed wmode="transparent" width="150" height="20" src="singlemp3player.swf?showDownload=false&songVolume=90&file=sound.mp3&repeatPlay=true&autoStart=true"
                type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
            </object>
        </div>
        <div id='cssmenu'>
            <ul>
                <li id="secc1" class='active'><a id="lnk1" href='#' onclick="mostrarsecc(1);"><span>
                    Mis XV</span></a></li>
                <li id="secc2" class='has-sub'><a id="lnk2" href='#' onclick="mostrarsecc(2);"><span>
                    Misa</span></a></li>
                <li id="secc3"><a id="lnk3" href='#' onclick="mostrarsecc(3);"><span>Recepción</span></a></li>
                <%--<li id="secc4"><a id="lnk4" href='#' onclick="mostrarsecc(4);"><span>Álbum</span></a></li>--%>
                <li id="secc5" class='last' onclick="mostrarsecc(5);"><a id="lnk5" href='#'><span>Confimación</span></a></li>
            </ul>
            <div id="menu" onclick="OpenLogin();" title="Consultar Asistencia">
            </div>
        </div>
        <div id="secc">
            <div id="misxv" style="">
                <div class="misxvtxt" id="counter">
                    Falta 0 días para tu evento</div>
            </div>
            <div id="misa" style="display: none">
            </div>
            <div id="recepcion" style="display: none">
            </div>
            <div id="album" style="display: none">
                <div class="box_skitter box_skitter_large">
                    <ul>
                        <li><a href="#cubeRandom">
                            <img alt="" src="images/example/001.jpg" class="cubeRandom" /></a><div class="label_text">
                                <p>
                                    cubeRandom</p>
                            </div>
                        </li>
                        <li><a href="#block">
                            <img alt="" src="images/example/002.jpg" class="block" /></a><div class="label_text">
                                <p>
                                    block</p>
                            </div>
                        </li>
                        <li><a href="#cubeStop">
                            <img alt="" src="images/example/003.jpg" class="cubeStop" /></a><div class="label_text">
                                <p>
                                    cubeStop</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="confirmacion" style="display: none">
                <div id="form">
                    <table cellspacing="2">
                        <tr>
                            <td class="tdEtiqueta">
                                Nombre
                            </td>
                        </tr>
                        <tr>
                            <td class="tdValor">
                                <ganda:TextBox MaxLength="50" ID="txtNombre" runat="server" Width="250px" EnabledValidator="true" />
                            </td>
                        </tr>
                        <tr>
                            <td class="tdEtiqueta">
                                Núm. Adultos
                            </td>
                        </tr>
                        <tr>
                            <td class="tdValor">
                                <ganda:TextBox ID="txtNumAdultos" MaxLength="2" EnabledFiltered="true" FilterType="Numbers"
                                    runat="server" Width="50px" />
                            </td>
                        </tr>
                        <tr>
                            <td class="tdEtiqueta">
                                Núm. Niños
                            </td>
                        </tr>
                        <tr>
                            <td class="tdValor">
                                <ganda:TextBox ID="txtNunNinos" MaxLength="2" EnabledFiltered="true" FilterType="Numbers"
                                    runat="server" Width="50px" />
                            </td>
                        </tr>
                        <tr>
                            <td class="tdEtiqueta">
                                Comentarios
                            </td>
                        </tr>
                        <tr>
                            <td class="tdValor">
                                <ganda:TextBox ID="txtCom" TextMode="MultiLine" MaxLength="200" EnabledFiltered="true"
                                    FilterMode="ValidChars" ValidChars=".qwertyuiopasdfghjklñzxcvbnm,.áéíóú() =!?¡¿1234567890QWERTYUIOPASDFGHJKLÑZXCVBNMÁÉÍÓÚ"
                                    FilterType="Custom" runat="server" Height="60px" Width="250px" />
                            </td>
                        </tr>
                        <tr>
                            <td class="tdValor" style="text-align: right">
                                <input type="button" id="btnEnviar" value="Confirmar" onclick="return EnviarConfirmacion();" />
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div id="footer">
            <div id="txtfooter">
                Copyright © 2012-2013 GandA Invitaciones
            </div>
        </div>
        <div id="login" style="display:none">
            <table>
                <tr>
                    <td style="padding: 5px 0px 5px 0px">
                        Usuario:
                    </td>
                    <td style="padding: 8px 0px 8px 10px; text-align: left;">
                        <ganda:TextBox ID="txtUsuarioInv" MaxLength="20" EnabledValidator="true" runat="server"
                            Width="150px" />
                    </td>
                </tr>
                <tr>
                    <td>
                        Contraseña:
                    </td>
                    <td style="text-align: left; padding-left: 10px">
                        <ganda:TextBox ID="txtPasswordInv" MaxLength="20" EnabledValidator="true" runat="server"
                            TextMode="Password" Width="150px" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align: right; padding-left: 5px; padding-top: 10px">
                        <input type="button" onclick="return AceptarLogin();" value="Aceptar" />
                        <input type="button" onclick="return Cerrar();" value="Cancelar">
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <script type="text/javascript">
        function contentPageLoad() {
            getTime();
        }

        $('.box_skitter_large').skitter({ label: false, numbers: false, animation: 'cube', theme: 'minimalist', controls_position: 'center', enable_navigation_keys: true, interval: 3000, dots: true, preview: true });
        function mostrarsecc(secc) {
            switch (secc) {
                case 1:
                    var options = {};
                    document.getElementById("misa").style.display = "none";
                    document.getElementById("recepcion").style.display = "none";
                    document.getElementById("album").style.display = "none";
                    document.getElementById("confirmacion").style.display = "none";
                    $("#misxv").effect("slide", options, 1200); //show(1500);
                    document.getElementById("secc1").className = "active";
                    document.getElementById("secc2").className = "";
                    document.getElementById("secc3").className = "";
                    document.getElementById("secc4").className = "";
                    document.getElementById("secc5").className = "";
                    break;
                case 2:
                    document.getElementById("misxv").style.display = "none";
                    document.getElementById("recepcion").style.display = "none";
                    document.getElementById("album").style.display = "none";
                    document.getElementById("confirmacion").style.display = "none";
                    $("#misa").effect("slide", options, 1200); //.show(1500);
                    document.getElementById("secc1").className = "";
                    document.getElementById("secc2").className = "active";
                    document.getElementById("secc3").className = "";
                    document.getElementById("secc4").className = "";
                    document.getElementById("secc5").className = "";
                    break;
                case 3:
                    document.getElementById("misa").style.display = "none";
                    document.getElementById("misxv").style.display = "none";
                    document.getElementById("album").style.display = "none";
                    document.getElementById("confirmacion").style.display = "none";
                    $("#recepcion").effect("slide", options, 1200); //.show(1500);
                    document.getElementById("secc1").className = "";
                    document.getElementById("secc2").className = "";
                    document.getElementById("secc3").className = "active";
                    document.getElementById("secc4").className = "";
                    document.getElementById("secc5").className = "";
                    break;
                case 4:
                    document.getElementById("misa").style.display = "none";
                    document.getElementById("misxv").style.display = "none";
                    document.getElementById("recepcion").style.display = "none";
                    document.getElementById("confirmacion").style.display = "none";
                    $("#album").effect("slide", options, 1200); //.show(1500);
                    document.getElementById("secc1").className = "";
                    document.getElementById("secc2").className = "";
                    document.getElementById("secc3").className = "";
                    document.getElementById("secc4").className = "active";
                    document.getElementById("secc5").className = "";
                    break;
                case 5:
                    document.getElementById("misa").style.display = "none";
                    document.getElementById("misxv").style.display = "none";
                    document.getElementById("recepcion").style.display = "none";
                    document.getElementById("album").style.display = "none";
                    $("#confirmacion").effect("slide", options, 1200); //.show(1500);
                    document.getElementById("secc1").className = "";
                    document.getElementById("secc2").className = "";
                    document.getElementById("secc3").className = "";
                    document.getElementById("secc4").className = "";
                    document.getElementById("secc5").className = "active";
                    break;
            }
        }

        function getTime() {
            now = new Date();
            y2k = new Date("Nov 16 2013 18:00:00");
            if (now >= y2k) {
                if (typeof(newtime)!='undefined')
                    clearTimeout(newtime);
                document.getElementById("counter").innerHTML = "";
                return
            }

            days = (y2k - now) / 1000 / 60 / 60 / 24;
            daysRound = Math.floor(days);
            hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound);
            hoursRound = Math.floor(hours);
            minutes = (y2k - now) / 1000 / 60 - (24 * 60 * daysRound) - (60 * hoursRound);
            minutesRound = Math.floor(minutes);
            seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
            secondsRound = Math.round(seconds);
            sec = (secondsRound == 1) ? " segundo" : " segundos";
            min = (minutesRound == 1) ? " minuto, " : " minutos, ";
            hr = (hoursRound == 1) ? " hora, " : " horas, ";
            dy = (daysRound == 1) ? " d&iacute;a, " : " d&iacute;as, "
            document.getElementById("counter").innerHTML = "Faltan " + daysRound + dy + hoursRound + hr + minutesRound + min + secondsRound + sec + " <br />para tu evento!!!";
            newtime = window.setTimeout("getTime();", 1000);
        }
    </script>
    <script type="text/javascript">
        var txtNombre = '<%=txtNombre.ClientID%>';
        var txtNumAdultos = '<%=txtNumAdultos.ClientID %>';
        var txtNumNinos = '<%=txtNunNinos.ClientID %>';
        var txtCom = '<%=txtCom.ClientID %>';
        var txtUsuario = '<%=txtUsuarioInv.ClientID %>';
        var txtPassword = '<%=txtPasswordInv.ClientID %>';
    </script>
</asp:Content>
